
Component({
    /* 组件的属性列表 */
    properties: {
        // 设置标题
        title: {
            type: String,
            value: ''
        },
        name_id: {
            type: String,
            value: '',
            // 更新后的值
            observer: function(newVal) {
				console.log(newVal, "更新后的值")
			}
        }
    },
    // 私有数据，可用于模板渲染
    data: {
        text: 123456789
    },
    // 自小程序基础库版本2.23起，组件的生命周期也可以在lifetimes 字段内进行声明（这是推荐的方法，优先级最高）
    lifetimes: {
        attached: function () {
            // 在组件实例进入页面节点树时执行
            console.log(this.dataset, "获取data-属性")
        },
        detached: function () {
            // 在组件实例被从页面节点树移除时执行
        },
    },

    // __________________________________________________________________________________
    // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
    attached() {
        // 在组件实例进入页面节点树时执行
    },
    detached() {
        // 在组件实例被从页面节点树移除时执行
    },
    // __________________________________________________________________________________

    pageLifetimes: {
        // 组件所在页面的生命周期函数
        show() { },
        hide() { },
        resize() { },
    },

    /* 组件的方法列表 */
    methods: {
        aaaa() {
            console.log(this.dataset, "获取data-属性");
        },
        onTap(e) {
            // detail对象，提供给事件监听函数
            var myEventDetail = this.data.text
            // 触发事件的选项
            // 触发事件的选项包括：
            // bubbles: 事件是否冒泡,
            // composed: 事件是否可以穿越组件边界，为false时，事件将只能在引用组件的节点树上触发，不进入其他任何组件内部
            // capturePhase: 事件是否拥有捕获阶段
            var myEventOption = {}
            if (this.data.name_id == 1) {
                // 调用父组件的方法
                this.triggerEvent('myevent11', myEventDetail, { bubbles: true, composed: true })
            } else if (this.data.name_id == 2) {
                // 调用父组件的方法
                this.triggerEvent('myevent22', myEventDetail, myEventOption)
            }
        },
    },
})
